*{margin: 0;padding: 0}
@rem:1/75rem;
li{list-style: none}
body{
  background:#a2cbc7;
}
.sound{
  width: 10rem;
  height: auto;
  background:#a2cbc7;
  position: relative;
}

.sound-tit{
  width: 100%;
  height: 342*@rem;
  background: url("../../img/app/sound/bg_02.png") no-repeat;
  background-size: 100% 100%;
}
.sound-con{
  position: relative;
  height: auto;
  padding-bottom: 100*@rem;
}
.sound-bg{
  width: 100%;
  height: 864*@rem;
  background: url("../../img/app/sound/bg_03.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
}
.sound-list{
  width:600*@rem;
  height: auto;
  margin: 0 auto;
  background: rgba(0,0,0,0.5);
  border-radius: 5*@rem;
  position: relative;
  top:12*@rem;
  padding-bottom: 20*@rem;
  h1{
    color: #e1ffff;
    font-weight:normal;
    font-size: 28*@rem;
    font-family: PingFang-SC;
    line-height: 64*@rem;
    text-align: center;
    margin-bottom: 22*@rem;
  }
}
.sound-items{
  width: 100%;
  height: auto;
}
.sound-item{
  width: 420*@rem;
  height:80*@rem;
  line-height: 80*@rem;
  background:rgba(255,255,255,0.4);
  border-radius: 40*@rem;
  margin: 0 auto;
  margin-bottom: 40*@rem;
  overflow: hidden;
  img{
    width: 50*@rem;
    height: 50*@rem;
    float: left;
    margin-top: 15*@rem;
    margin-left: 15*@rem;
    margin-right: 20*@rem;
  }
  b{
    font-size: 28*@rem;
    height: 100%;
    float: left;
    color: #fff;
    font-weight: normal;
    width: 220*@rem;
  }
  span{
    font-size: 20*@rem;
    float: right;
    color: #fff;
    margin-right: 50*@rem;
  }
}
.copyright{
  position: absolute;
  color:#666666;
  font-size: 20*@rem;
  text-align: center;
  width: 100%;
  height: 30*@rem;
  bottom: 30*@rem;
}

